<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<!--v-bind动态绑定指令能解析 如：src，和href地址等等    语法糖: :
    两个大括号里写语法，一个大括号里写对象，里面可以有键值对-->
<div id="app">
  <img v-bind:src="imgURL" alt="" >
  <a v-bind:href="hrefURL">百度一下</a>
</div>
<script src="../../project_practice/lunbotu/vue.js"></script>
<script>
  const app = new Vue({
    el:'#app',
    data:{
      message:'你好',
      imgURL:'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fcdn.duitang.com%2Fuploads%2Fitem%2F201206%2F16%2F20120616174342_ycsye.thumb.700_0.jpeg&refer=http%3A%2F%2Fcdn.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1624412493&t=1785cd055bb97c6682807037d24bb4fb',
      hrefURL:'http://www.baidu.com'
    }
  })
</script>
</body>
</html>